<ui:composition template="/dynamic/layout/login_layout.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">


	<ui:define name="content">
		<script type="text/javascript">
	$(document)
			.ready(
					function() {

						$("div.panel_button").click(function() {
							$("div#panel").animate({
								height : "500px"
							}).animate({
								height : "390px"
							}, "fast");
							$("div.panel_button").toggle();

						});

						$("div#hide_button").click(function() {
							$("div#panel").animate({
								height : "0px"
							}, "fast");

						});
						
						if(${not empty param.login_error}){
							$("div#panel").css("height","390px");
						}

					});
</script>
		<div id="panel">
			<div id="panel_contents"></div>
			<div style="margin-top: 80px;">
				<h:form id="loginForm" prependId="false">
					<fieldset>
						<legend>Logowanie</legend>
						<label>User</label>
						<p:inputText id="j_username" required="true"
							styleClass="login_input_long" label="Login"
							requiredMessage="Login jest wymagany." />
						<h:message for="j_username" style="color:red" showDetail="true"
							showSummary="true" tooltip="true" title="Login jest wymagany" />

						<label>Password</label>

						<p:password id="j_password" label="Hasło" required="true"
							styleClass="login_input_long"
							requiredMessage="Hasło jest wymagane." />
						<h:message for="j_password" style="color:red" showDetail="true"
							showSummary="true" tooltip="true" title="Hasło jest wymagane" />

						<label>Logowanie automatyczne!</label>
						<h:selectBooleanCheckbox id="_spring_security_remember_me" />
						<label></label>

						<h:commandButton type="submit" id="login_submit"
							action="#{userMBean.doLogin}" value="Zaloguj" />
						<label></label> <input name="reset" type="reset" />
					</fieldset>
				</h:form>
			</div>

		</div>
		<div class="panel_button" id="show" style="display: visible;">
			<img src="static/images/expand.png" alt="expand" /> <a href="#">Logowanie</a>
		</div>
		<div class="panel_button" id="hide_button" style="display: none;">
			<img src="static/images/collapse.png" alt="collapse" /> <a href="#">Ukryj</a>
		</div>
		<div class="register_button" style="display: visible;">
			<img src="static/images/register.png" alt="register" />
			<!-- 				<a href="#" style="text-decoration: none;">Rejestracja</a> -->
			<p:commandLink id="registration" immediate="true"
				action="#{userMBean.doRegister}" value="Rejestracja"
				styleClass="register" />
		</div>

	</ui:define>
</ui:composition>